<template>
      <div class="panel">
        <slider class="banner-slider" append="tree"   interval="1000" auto-play="false" onchange="change" :style="{width:width+'px',height:height+'px'}">
          <div class="banner-frame" v-for="item in imageList">
            <image resize="cover" :src="item.src" :style="{width:width+'px',height:height+'px'}"></image>
          </div>
          <indicator class="indicator"></indicator>
        </slider>
     </div>
</template>



<script>
const storage = weex.requireModule('storage')
var img0 = 'https://img.yrz.cn/data/uploads/img/2017/07/26/59783de61b582.jpg';
var img1 = 'https://img.yrz.cn/data/uploads/img/2017/05/31/592e4d2ae6911.jpg';
export default {
  data () {
    return {
      width:750,
      height:750/2.962962962962963,
      weburl: 'http://hd.xinhehui.com/shuangshiyi',
      imageList: [
          { title: 'item A', src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'},
          { title: 'item B', src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'},
          { title: 'item C', src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'}
      ]
    }
  },
  created:function(){
    storage.getItem('GLOBALURI',  (e)=>{
      if(e.result=='success'){
         this.weburl = e.data;
       }
    });
  }
}
</script>
<style>
  /*banner*/
.banner-slider {
  margin-top: 25px;
  margin-left: 25px;
  border-width: 2px;
  border-style: solid;
  border-color: #41B883;
}

.banner-indicator {
  width: 700px;
  height: 700px;
  item-color: green;
  item-selected-color: red;
  item-size: 50px;
  position: absolute;
  top: 200px;
  left: 200px;
}
.banner-frame{
  position: relative;
}
</style>